<html>
<head>
<title>Histogram</title>

</head>
<HR><center><h2> ~  Histogram &nbsp; from &nbsp; the &nbsp; number &nbsp; of &nbsp;error  ~ </h2><HR><br></center>
<body bgcolor= "#FFFACD"> 
	
	<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
	
  	<line x1="200" y1="50" x2="200" y2="500" style="stroke:rgb(0,0,0);stroke-width:3"/>	
  	<line x1="200" y1="500" x2="{{ x_line }}" y2="500" style="stroke:rgb(0,0,0);stroke-width:3"/>
	<text x="150" y="40" fill="black">  Number of Use </text>
	<text x="{{ x_line_comID }}" y="505 " fill="black">  Computer ID </text>
	{% for count_y in scale_lineY %}
		<line x1="190" y1="{{ count_y }}" x2="210" y2="{{ count_y }}" style="stroke:rgb(0,0,0);stroke-width:3"/>
	{% endfor %}
	{% for count_x in scale_lineX %}
		<line x1="{{ count_x }}" y1="500" x2="{{ count_x }}" y2="510" style="stroke:rgb(0,0,0);stroke-width:3"/>
	{% endfor %}	
	<!--
	{% for count_text in pos_text %}
		<text x="{{ count_text.X_Pos }}" y="{{count_text.Y_Pos}}" fill="black">  {{ count_text.id }} </text>
	{% endfor %}-->
	{% for count_text in his_text %}
		<text x="{{ count_text.X_Pos }}" y="{{count_text.Y_Pos}}" fill="black">  {{ count_text.Height}} </text>
	{% endfor %}
	
	
	{% for countError in scaleReserved_ob %}
		<text x="165" y="{{ countError.1 }}" fill="black">  {{ countError.0  }}</text>
	{% endfor %}
	
	
         {% for count_his in his %}		
		<rect x="{{ count_his.X_Pos }}" y="{{ count_his.Y_Pos }}" width= "40" height= "{{ count_his.Height }}"
  		style="fill:purple;stroke:black;stroke-width:3;fill-opacity:0.7;
 	 	stroke-opacity:0.1"/>
	{% endfor %}
	
	
	</svg>

</body>
</html>
